<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品功能</title>
    <link rel="stylesheet" href="./function/css/findex.css">
    <link rel="stylesheet" href="./function/css/cenbody.css">
    <link href="./function/img/logoioc.png" rel="SHORTCUT ICON">
</head>

<body>
    <!-- <img id="mouseImage" src="./img/鼠标标签.png" alt="鼠标标签"> -->
    <!-- 头部 -->
    <div class="top_box">
        <img src="./function/img/topimgbg.png" alt="">
        <ul class="top_ul">
            <li><a href="./home.html">首页</a></li>
            <li><a href="./function.html">产品功能</a></li>
            <li><a href="./product.html">业务分类</a></li>
            <li><img src="./function/img/logo.png" alt="无法加载"></li>
            <li><a href="./develop.html">发展历程</a></li>
            <li><a href="./AppD.html">App下载</a></li>
            <li><a href="./login.html">登录入口</a></li>
        </ul>
        <div class="top_photo">
            <img id="logoImg" src="./function/img/photoimg.png" alt="">
        </div>
        <script src="./function/js/photoimg.js"></script>
    </div>
    <!-- body1——4 -->
    <div class="body_one">
        <div class="body_list">
            <div class="body_img_box">
                <img src="./function/img/act1.png" alt="">
                <h1>创建活动</h1>
                <p>由管理人员在APP、WEB端创建活动，由老师审核后执行活动内容，规范又省心</p>
            </div>
            <div class="body_img_box">
                <img src="./function/img/act2.png" alt="">
                <h1>参加活动</h1>
                <p>学生可以在APP、H5、WEB端报名参加活动，多端互动，想你所想</p>
            </div>
            <div class="body_img_box">
                <img src="./function/img/act3.jpg" alt="">
                <h1>签到签退</h1>
                <p>线下参加活动可通过扫描二维码或者定位功能签到签退，方便快捷</p>
            </div>
            <div class="body_img_box">
                <img src="./function/img/act4.png" alt="">
                <h1>完结加分</h1>
                <p>活动结束并完结审核通过，所有活动成员可获得相应学分奖励最终形成二课成绩单</p>
            </div>
        </div>
    </div>
    <div class="body_two">
        <img src="./function/img/bodycenterimg.png" alt="">
    </div>
    <div class="body_three">
        <div class="body_three_box">
            <div class="body_text">
                <h1>第二课堂成绩单-支持按需定制</h1>
                <p>PU口袋校园可将学生活动、申请类学分数据按条件生成成绩单，便于高校对学生第二课堂情况的统计和管理</p>
            </div>
            <div class="body_text">
                <img src="./function/img/funright1.png" alt="">
            </div>
        </div>
        <div class="body_three_box">
            <div class="body_text">
                <img src="./function/img/funleft2.png" alt="">
            </div>
            <div class="body_text">
                <h1>学分预警系统</h1>
                <p>PU口袋校园具备灵活的学分上下限定义和预警系统帮助高校更高效的管理和提醒第二课堂学分情况</p>
            </div>
        </div>
    </div>
    <div class="body_four">
        <img src="./function/img/fotherimg.png" alt="">
        <div class="body_four_title">
            <h1>第二课堂数据统计</h1>
            <p>PU口袋校园可将学生活动、申请类数据进行多维度筛选，便于高校对学生第二课堂情况的统计和分析</p>
        </div>
    </div>
    <!-- fother -->
    <div class="last_tte">
        <div class="footer">
            <div class="footer-content">
                <p>苏州天宫数字科技有限公司 版权所有 <a href="#" target="_blank">苏lCP备12046592号</a> 经营许可证:&nbsp;&nbsp;&nbsp;<a href="#"
                        target="_blank">苏B2-20170388</a> <a href="#">隐私协议</a><a href="">&nbsp;服务条款</a></p>
            </div>
        </div>
    </div>
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const mouseImage = document.getElementById('mouseImage');

            function onMouseMove(event) {
                const x = event.clientX - mouseImage.width / 2 - 8;
                const y = event.clientY - mouseImage.height / 2 + 9;

                // 考虑文档的滚动偏移
                const scrollX = window.scrollX || window.pageXOffset;
                const scrollY = window.scrollY || window.pageYOffset;

                // 设置图片位置，考虑滚动偏移
                mouseImage.style.transform = `translate(${x + scrollX}px, ${y + scrollY}px)`;
            }

            document.addEventListener('mousemove', onMouseMove);
        });
    </script>
</body>

</html>